<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>方案设计 | web-docs</title>
    <meta name="description" content="前端文档与规范">
    <meta name="generator" content="VitePress v1.3.4">
    <link rel="preload stylesheet" href="/web-docs/assets/style.DnmnDq9r.css" as="style">
    
    <script type="module" src="/web-docs/assets/app.PpfsUGlk.js"></script>
    <link rel="preload" href="/web-docs/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/web-docs/assets/chunks/theme.DEMOh0JZ.js">
    <link rel="modulepreload" href="/web-docs/assets/chunks/framework.CwIAy6s0.js">
    <link rel="modulepreload" href="/web-docs/assets/web-design_index.md.D-yl-KO9.lean.js">
    <link rel="icon" href="/web-docs/static/imgs/favicon.ico">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-1764ac25><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0cc80213></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0cc80213> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1764ac25 data-v-8b16c712><div class="VPNavBar" data-v-8b16c712 data-v-66f956e9><div class="wrapper" data-v-66f956e9><div class="container" data-v-66f956e9><div class="title" data-v-66f956e9><div class="VPNavBarTitle has-sidebar" data-v-66f956e9 data-v-91500225><a class="title" href="/web-docs/" data-v-91500225><!--[--><!--]--><!--[--><img class="VPImage logo" src="/web-docs/static/imgs/web-isMoney.png" alt data-v-e8c6b4df><!--]--><span data-v-91500225>web-docs</span><!--[--><!--]--></a></div></div><div class="content" data-v-66f956e9><div class="content-body" data-v-66f956e9><!--[--><!--]--><div class="VPNavBarSearch search" data-v-66f956e9><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-66f956e9 data-v-2ceac3c3><span id="main-nav-aria-label" class="visually-hidden" data-v-2ceac3c3> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/web-docs/" tabindex="0" data-v-2ceac3c3 data-v-4099b626><!--[--><span data-v-4099b626>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/web-docs/web-studynote/react.html" tabindex="0" data-v-2ceac3c3 data-v-4099b626><!--[--><span data-v-4099b626>学习笔记</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/web-docs/web-engineering/cli.html" tabindex="0" data-v-2ceac3c3 data-v-4099b626><!--[--><span data-v-4099b626>前端工程化</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-66f956e9 data-v-7a079f35><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-7a079f35 data-v-f00beb0b data-v-2cfe88f5><span class="check" data-v-2cfe88f5><span class="icon" data-v-2cfe88f5><!--[--><span class="vpi-sun sun" data-v-f00beb0b></span><span class="vpi-moon moon" data-v-f00beb0b></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-66f956e9 data-v-bec58098 data-v-56e807a2><!--[--><a class="VPSocialLink no-icon" href="https://github.com/vuejs/vitepress" aria-label="github" target="_blank" rel="noopener" data-v-56e807a2 data-v-795a3354><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-66f956e9 data-v-a65b2b0d data-v-9a13995e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9a13995e><span class="vpi-more-horizontal icon" data-v-9a13995e></span></button><div class="menu" data-v-9a13995e><div class="VPMenu" data-v-9a13995e data-v-859085bb><!----><!--[--><!--[--><!----><div class="group" data-v-a65b2b0d><div class="item appearance" data-v-a65b2b0d><p class="label" data-v-a65b2b0d>Appearance</p><div class="appearance-action" data-v-a65b2b0d><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-a65b2b0d data-v-f00beb0b data-v-2cfe88f5><span class="check" data-v-2cfe88f5><span class="icon" data-v-2cfe88f5><!--[--><span class="vpi-sun sun" data-v-f00beb0b></span><span class="vpi-moon moon" data-v-f00beb0b></span><!--]--></span></span></button></div></div></div><div class="group" data-v-a65b2b0d><div class="item social-links" data-v-a65b2b0d><div class="VPSocialLinks social-links-list" data-v-a65b2b0d data-v-56e807a2><!--[--><a class="VPSocialLink no-icon" href="https://github.com/vuejs/vitepress" aria-label="github" target="_blank" rel="noopener" data-v-56e807a2 data-v-795a3354><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-66f956e9 data-v-762275ea><span class="container" data-v-762275ea><span class="top" data-v-762275ea></span><span class="middle" data-v-762275ea></span><span class="bottom" data-v-762275ea></span></span></button></div></div></div></div><div class="divider" data-v-66f956e9><div class="divider-line" data-v-66f956e9></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1764ac25 data-v-d56ee97a><div class="container" data-v-d56ee97a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-d56ee97a><span class="vpi-align-left menu-icon" data-v-d56ee97a></span><span class="menu-text" data-v-d56ee97a>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-d56ee97a data-v-4a34a79b><button data-v-4a34a79b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1764ac25 data-v-fc7a474b><div class="curtain" data-v-fc7a474b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-fc7a474b><span class="visually-hidden" id="sidebar-aria-label" data-v-fc7a474b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-4c94ff63><section class="VPSidebarItem level-0" data-v-4c94ff63 data-v-c74d5b16><div class="item" role="button" tabindex="0" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><h2 class="text" data-v-c74d5b16>学习笔记</h2><!----></div><div class="items" data-v-c74d5b16><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-studynote/react.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>react</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-studynote/ts.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>ts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-studynote/uniapp.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>uniapp</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-4c94ff63><section class="VPSidebarItem level-0" data-v-4c94ff63 data-v-c74d5b16><div class="item" role="button" tabindex="0" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><h2 class="text" data-v-c74d5b16>个人作品</h2><!----></div><div class="items" data-v-c74d5b16><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-mycreation/chat-app.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>即时通讯app</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-4c94ff63><section class="VPSidebarItem level-0" data-v-4c94ff63 data-v-c74d5b16><div class="item" role="button" tabindex="0" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><h2 class="text" data-v-c74d5b16>前端工程化</h2><!----></div><div class="items" data-v-c74d5b16><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-engineering/cli.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>脚手架</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-engineering/mock.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>mock数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-engineering/js-config.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>JS/TS配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-engineering/editor.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>编辑器配置</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-4c94ff63><section class="VPSidebarItem level-0" data-v-4c94ff63 data-v-c74d5b16><div class="item" role="button" tabindex="0" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><h2 class="text" data-v-c74d5b16>前端规范</h2><!----></div><div class="items" data-v-c74d5b16><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-standard/annotation.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>注释规范</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-standard/git.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>git规范</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-4c94ff63><section class="VPSidebarItem level-0" data-v-4c94ff63 data-v-c74d5b16><div class="item" role="button" tabindex="0" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><h2 class="text" data-v-c74d5b16>大屏可视化</h2><!----></div><div class="items" data-v-c74d5b16><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-bigscreen/index.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>可视化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-4c94ff63><section class="VPSidebarItem level-0" data-v-4c94ff63 data-v-c74d5b16><div class="item" role="button" tabindex="0" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><h2 class="text" data-v-c74d5b16>方案设计软技能</h2><!----></div><div class="items" data-v-c74d5b16><!--[--><div class="VPSidebarItem level-1 is-link" data-v-c74d5b16 data-v-c74d5b16><div class="item" data-v-c74d5b16><div class="indicator" data-v-c74d5b16></div><a class="VPLink link link" href="/web-docs/web-design/index.html" data-v-c74d5b16><!--[--><p class="text" data-v-c74d5b16>设计工具</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1764ac25 data-v-00cc8e04><div class="VPDoc has-sidebar has-aside" data-v-00cc8e04 data-v-582d340b><!--[--><!--]--><div class="container" data-v-582d340b><div class="aside" data-v-582d340b><div class="aside-curtain" data-v-582d340b></div><div class="aside-container" data-v-582d340b><div class="aside-content" data-v-582d340b><div class="VPDocAside" data-v-582d340b data-v-319a31f0><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-319a31f0 data-v-fe225078><div class="content" data-v-fe225078><div class="outline-marker" data-v-fe225078></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-fe225078>On this page</div><ul class="VPDocOutlineItem root" data-v-fe225078 data-v-a95a3a2f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-319a31f0></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-582d340b><div class="content-container" data-v-582d340b><!--[--><!--]--><main class="main" data-v-582d340b><div style="position:relative;" class="vp-doc _web-docs_web-design_" data-v-582d340b><div><h1 id="方案设计" tabindex="-1">方案设计 <a class="header-anchor" href="#方案设计" aria-label="Permalink to &quot;方案设计&quot;">​</a></h1><ul><li>对方案的设计是很有价值的，业务理解甚至比技术实现更有价值。</li></ul></div></div></main><footer class="VPDocFooter" data-v-582d340b data-v-914b2b82><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-914b2b82><span class="visually-hidden" id="doc-footer-aria-label" data-v-914b2b82>Pager</span><div class="pager" data-v-914b2b82><!----></div><div class="pager" data-v-914b2b82><a class="VPLink link pager-link next" href="/web-docs/web-studynote/react.html" data-v-914b2b82><!--[--><span class="desc" data-v-914b2b82>Next page</span><span class="title" data-v-914b2b82>react</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"B_nlMU4t\",\"index.md\":\"DHNqCHnS\",\"markdown-examples.md\":\"D_8C-XIh\",\"web-bigscreen_index.md\":\"gTKqgu7l\",\"web-design_index.md\":\"D-yl-KO9\",\"web-engineering_cli.md\":\"IlKYol2R\",\"web-engineering_editor.md\":\"DGPxg4Th\",\"web-engineering_js-config.md\":\"Bx-b_OGR\",\"web-engineering_mock.md\":\"EDkD1qNW\",\"web-mycreation_chat-app.md\":\"D78l2yR5\",\"web-standard_annotation.md\":\"7JHSi4RV\",\"web-standard_git.md\":\"DCePdPyv\",\"web-studynote_react.md\":\"ChU0H8-0\",\"web-studynote_ts.md\":\"08YKvp0m\",\"web-studynote_uniapp.md\":\"DFoV4NCi\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"web-docs\",\"description\":\"前端文档与规范\",\"base\":\"/web-docs/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/static/imgs/web-isMoney.png\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"学习笔记\",\"link\":\"/web-studynote/react\"},{\"text\":\"前端工程化\",\"link\":\"/web-engineering/cli\"}],\"sidebar\":[{\"text\":\"学习笔记\",\"items\":[{\"text\":\"react\",\"link\":\"/web-studynote/react\"},{\"text\":\"ts\",\"link\":\"/web-studynote/ts\"},{\"text\":\"uniapp\",\"link\":\"/web-studynote/uniapp\"}]},{\"text\":\"个人作品\",\"items\":[{\"text\":\"即时通讯app\",\"link\":\"/web-mycreation/chat-app\"}]},{\"text\":\"前端工程化\",\"items\":[{\"text\":\"脚手架\",\"link\":\"/web-engineering/cli\"},{\"text\":\"mock数据\",\"link\":\"/web-engineering/mock\"},{\"text\":\"JS/TS配置\",\"link\":\"/web-engineering/js-config\"},{\"text\":\"编辑器配置\",\"link\":\"/web-engineering/editor\"}]},{\"text\":\"前端规范\",\"items\":[{\"text\":\"注释规范\",\"link\":\"/web-standard/annotation\"},{\"text\":\"git规范\",\"link\":\"/web-standard/git\"}]},{\"text\":\"大屏可视化\",\"items\":[{\"text\":\"可视化\",\"link\":\"/web-bigscreen/index\"}]},{\"text\":\"方案设计软技能\",\"items\":[{\"text\":\"设计工具\",\"link\":\"/web-design/index\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/vuejs/vitepress\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>